<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商品筛选</title>
<!-- <link type="text/css" rel="stylesheet" href="style/bootstrap.min.css"> -->
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
<link type="text/css" rel="stylesheet" href="style/main2.css">
<link type="text/css" rel="stylesheet" href="style/index.css">
</head>

<body>
<div class="headerBar">
	<div class="topBar index">
<!-- 		<div class="comWidth">
            <div class="leftArea">
				<a href="#" class="collection">收藏淘爱心</a>
			</div>
			<div class="rightArea">
				欢迎来到淘爱心！<a href="#">[登录]</a><a href="#">[免费注册]</a>
			</div> 
			</div>-->
		<div class="comWidth">
			<div class="leftArea">
				<div class="account fl" id="account">
                    <a href="#"><span class="sign-success"></span></a>
                        <div class="mune" id="account_mune">
                            <div class="shangmian">
                                <div class="leftArea">
                                <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
                                </div>
                                <div class="account_mang rightArea">
                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
                                </div>
                            </div>
                            <div class="h_1 qingfu"></div>
                            <div class="xiamian qingfu">
                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
                            </div>
                   		</div>
				</div>
			</div>
			<div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
			</div>
			<div class="rightArea">
				<a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>
				
                <div class="wdtax fl" id="wdtax">
                    <a href="account.html">我的淘爱心</a>
                    <ul class="mune" id="wdtax_mune">
                        <li><a href="#">已淘到的爱心</a></li>
                        <li><a href="#">我的足迹</a></li>
                        <li><a href="#">爱公益</a></li>
                        <li><a href="#">新欢</a></li>
                    </ul>
                </div>
				<a href="#" class="fl">我的消息</a>
                <div class="myshop fl">
					<span class="shopping-icon">&#xe60f;</span>
                	<a href="#">购物车</a></div>
                <div class="favorites fl" id="favorites">
                	<span class="icon-fav">&#xe610;</span>
                    <a href="favorite.html">收藏夹</a>
                    <ul class="mune" id="favorites_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
                <div class="seller fl" id="seller">
                    <a href="sellerCenter.html">卖家中心</a>
                    <ul class="mune" id="seller_mune">
                        <li><a href="sellerCenter.html">免费开店</a></li>
                        <li><a href="#">已卖出的宝贝</a></li>
                        <li><a href="#">出售中宝贝</a></li>
                        <li><a href="#">卖家资质</a></li>
                    </ul>
                </div>
                <div class="service fl" id="service">
                    <a href="#">联系客服</a>
                    <ul class="mune" id="service_mune">
                        <li><a href="#">收藏的宝贝</a></li>
                        <li><a href="#">收藏的店铺</a></li>
                    </ul>
                </div>
			</div>
		</div>
		
	</div>
    <div class="midbar">
        <div class="tiaofu">
    		<img src="images/index/taxzy-4.jpg">
       </div>
    </div>
	<div class="logoBar">
		<div class="smallcomWidth">
			<div class="logo fl">
				<a href=""><img src="images/logo/tax-1.jpg" alt="淘爱心"></a>
			</div>
			<div class="search_box fl">
				<input type="text" class="search_text fl">
				<input type="button" value="搜 索" class="search_btn fr">
			</div>
			<a href="shopping.html">
                <div class="shopCar fr">
                <!-- <span class="shopText fl">购物车</span> -->
                <span class="shopping-icon fl">&#xe60f;</span>
                <span class="shoppingCar fl">购物车</span>
                <span class="shopNum fl">0</span>
            </div>
            </a>
		</div>
	</div>
	<div class="navBox ">
		<div class="smallcomWidth clearfix">
			<div class="shopClass fl">
				<h3>全部商品分类</h3>
				<div class="shopClass_show hide">
					<dl class="shopClass_sitem">
						<dt><a href="#" class="b">图书</a> <a href="#" class="b">学习用品</a> <a href="#" class="aLink">二手书</a></dt>
						<dd><a href="#">教科书</a> <a href="#">参考书</a> <a href="#">笔记</a></dd>
					</dl>
					<dl class="shopClass_sitem">
						<dt><a href="#" class="b">图书</a> <a href="#" class="b">学习用品</a> <a href="#" class="aLink">二手书</a></dt>
						<dd><a href="#">教科书</a> <a href="#">参考书</a> <a href="#">笔记</a></dd>
					</dl>
					<dl class="shopClass_sitem">
						<dt><a href="#" class="b">图书</a> <a href="#" class="b">学习用品</a> <a href="#" class="aLink">二手书</a></dt>
						<dd><a href="#">教科书</a> <a href="#">参考书</a> <a href="#">笔记</a></dd>
					</dl>
					<dl class="shopClass_sitem">
						<dt><a href="#" class="b">图书</a> <a href="#" class="b">学习用品</a> <a href="#" class="aLink">二手书</a></dt>
						<dd><a href="#">教科书</a> <a href="#">参考书</a> <a href="#">笔记</a></dd>
					</dl>
					<dl class="shopClass_sitem">
						<dt><a href="#" class="b">图书</a> <a href="#" class="b">学习用品</a> <a href="#" class="aLink">二手书</a></dt>
						<dd><a href="#">教科书</a> <a href="#">参考书</a> <a href="#">笔记</a></dd>
					</dl>
				</div>
			</div>
			<ul class="snav fl">
				<li><a href="goodsSift.html" class="active">爱心推荐</a></li>
				<li><a href="goodsSift.html">爱心商品</a></li>
				<li><a href="goodsSift.html">爱心工作</a></li>
				<li><a href="goodsSift.html">爱心时间</a></li>
				
			</ul>
		</div>
	</div>
</div>
<div class="hr_15"></div>
<div class="smallcomWidth clearfix products">
	<div class="leftArea">
		<div class="leftNav vertical">
			<h3 class="nav_title">书籍资料</h3>
			<div class="nav_cont">
				<h3>二手书籍</h3>
				<ul class="navCont_list clearfix">
					<li><a href="#">教科书</a></li>
					<li><a href="#">小说</a></li>
				</ul>
			</div>
			<div class="nav_cont">
				<h3>二手书籍</h3>
				<ul class="navCont_list clearfix">
					<li><a href="#">教科书</a></li>
					<li><a href="#">小说</a></li>
					<li><a href="#">笔记</a></li>
				</ul>
			</div>
			<div class="nav_cont">
				<h3>二手书籍</h3>
				<ul class="navCont_list clearfix">
					<li><a href="#">教科书</a></li>
					<li><a href="#">小说</a></li>
					<li><a href="#">笔记</a></li>
<!-- 					<li><a href="#">教科书</a></li>
					<li><a href="#">小说</a></li>
					<li><a href="#">笔记</a></li> -->
				</ul>
			</div>
		</div>
	</div>
	<div class="rightArea">
		<div class="screening_box">
			<dl class="screening clearfix">
				<dt>手机</dt>
				<dd class="limit"><a href="#" class="active">不限</a></dd>
				<dd class="screening_list">
					<ul class="clearfix">
						<li><a href="#">教科书</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
					</ul>
				</dd>
			</dl>
			<dl class="screening clearfix">
				<dt>手机</dt>
				<dd class="limit"><a href="#" class="active">不限</a></dd>
				<dd class="screening_list">
					<ul class="clearfix">
						<li><a href="#">教科书</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
					</ul>
				</dd>
			</dl>
			<dl class="screening clearfix">
				<dt>手机</dt>
				<dd class="limit"><a href="#" class="active">不限</a></dd>
				<dd class="screening_list">
					<ul class="clearfix">
						<li><a href="#">教科书</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
						<li><a href="#">教科书</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
						<li><a href="#">笔记</a></li>
						<li><a href="#">小说</a></li>
					</ul>
				</dd>
			</dl>
			<dl class="screening clearfix">
				<dt>更多选项</dt>
				<dd class="screening_list">
					<div class="screen_more">
						<a href="#">教科书</a>
					</div>
					<div class="screen_more">
						<a href="#">小说</a>
					</div>
				</dd>
			</dl>
		</div>
		<div class="hr_15"></div>
		<div class="addInfo">
			<div class="address">
				<span class="add_text">送至</span>
				<div class="select">
					<h3>海淀区五环内</h3><span></span>
					<ul class="show_select">
						<li>上帝</li>
						<li>五道口</li>
						<li>上帝</li>
					</ul>
				</div>
			</div>
			<div class="fr screen_text">
				<span class="check">
					<input type="checkbox" id="check"><label for="check">仅显示有货</label>
				</span>
				<span class="shop_number">
					共<em>11123</em>件
				</span>
			</div>
		</div>
		<div class="products_list screening_list_more clearfix">
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="details.html"><img src="images/details/taxxq-2.jpg" alt=""></a>
					</div>
					<p><a href="#">全网底价 Apple 苹果 iPad mini 16G  MD531CH/A 银白两色</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
			</div>
			<div class="sitem">
				<div class="sitem_cont">
					<div class="img_sitem">
						<a href="#"><img src="images/banner/taxbr-1.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
					<p><a href="#" class="addCar">加入购物车</a></p>
				</div>
				<div class="hot"></div>
			</div>
		</div>
		<div class="hr_26"></div>
		<div class="page">
			<a href="#">上一页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><span class="hl">...</span><a href="#">200</a><a href="#">下一页</a><span class="morePage">共200页，到第</span><input type="text" class="pageNum"><span class="ye">页</span><input type="button" value="确定" class="page_btn">
		</div>
	</div>
</div>

<div class="footer">
	<div class="comWidth clearfix">
    	<div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
				<li><a href="#" class="active">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">加入我们</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
				<li><a href="#" class="active">发布人资质</a></li>
				<li><a href="#">接单人资质</a></li>
				<li><a href="#">必备审核材料</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
				<li><a href="#" class="active">购物须知</a></li>
				<li><a href="#">订单相关</a></li>
				<li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
				<li><a href="#" class="active">iphone</a></li>
				<li><a href="#">Andriod</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
				<li><a href="#" class="active">工作时间：9：00～18:00</a></li>
				<li><a href="#">建议邮箱：11111111@qq.com</a></li>
				
			</ul>
        </div>
    </div>
</div>
<div class="hr_45">
	<p>Copyright&nbsp;&nbsp;&nbsp;2015&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/myjs.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/easyPay.js"></script>
</body>
</html>